<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../chajian/assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/gouwuche.css">
</head>
<body>
    <div class="all">
        <div class="passport-page">
            <div class="leftbox">
                <p>
                  尊敬的客户您好，欢迎来到Damo商城！
                  <span class="span-one">登录 |</span>
                  <span class="span-two"> 注册</span>
                </p>
            </div>
            <div class="rightbox">
                <p>我的订单
                    <span>
                        <img src="../imgs/one (6).png" alt="">
                    </span>
                </p>
                <p>会员中心</p>
            </div>
        </div>
    </div>
    <div class="small-page">
        <img src="http://www.mg.cn/public/images/1b/18/cc/a507c08c1a5d3a0250863c6e408f42a40190f35c.jpg?1484966364#w" alt="">
        <h3>购物车</h3>
    </div>
    <div class="cart_main">
        <div class="title">
            <h3>商品</h3>
            <ul>
                <li>销售价</li>
                <li>数量</li>
                <li>积分</li>
                <li>小计</li>
                <li>操作</li>
            </ul>
        </div>
        <ul>
            <!-- <li>
                <div class="p-info">
                    <img src="http://www.mg.cn/public/images/c8/7d/da/4fe3eff6028aa8c72b98b351b647714877140e0d.jpg?1606876382#h" alt="">
                    <p>晨光普惠型360°旋转12号订书机灰ABS916D8</p>
                </div>
                <ul class="ul_Box">
                    <li>￥15.00</li>
                    <li>
                        <button class="remove">-</button>
                        <input type="text" value="1">
                        <button class="remove">+</button>
                    </li>
                    <li>15</li>
                    <li>￥15.00</li>
                    <li>
                        <p>
                            移除
                        </p>
                    </li>
                </ul>
            </li>
            <li>
                <div class="p-info">
                    <img src="http://www.mg.cn/public/images/c8/7d/da/4fe3eff6028aa8c72b98b351b647714877140e0d.jpg?1606876382#h" alt="">
                    <p>晨光普惠型360°旋转12号订书机灰ABS916D8</p>
                </div>
                <ul class="ul_Box">
                    <li>￥15.00</li>
                    <li>
                        <button class="remove">-</button>
                        <input type="text" value="1">
                        <button class="remove">+</button>
                    </li>
                    <li>15</li>
                    <li>￥15.00</li>
                    <li>
                        <p>
                            移除
                        </p>
                    </li>
                </ul>
            </li> -->
        </ul>
        <div class="order_gift">
            <!-- <p>总金额:
                <span>
                   ￥0.00
                </span>
            </p> -->
        </div>
        <div class="price">
            <div class="leftBox">
                清空购物车
            </div>
            <div class="rightBox">
                <a href="../html/shangpin.html">继续购物</a>
                <span>下单结算</span>
            </div>
        </div>
    </div>

    <div class="all_boss ">
        <div class="all_cenetr">
            <div class="all_imgBox">
                <img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3738494581,4136401440&fm=26&gp=0.jpg" alt="">
            </div>
            <div class="all_text">
                <h3>您的购物车没有商品呦 请购买后查看</h3>
                <a href="../html/shangpin.html">逛商城</a>
            </div>
        </div>
    </div>

</body>
<script src="../chajian/assets/jquery/jquery.min.js"></script>
<script src="../js/fengzhuangcookie.js"></script>
<script src="../js/gouwuche.js"></script>
<script>
    const img = document.querySelector('.small-page > img')
    const span_one = document.querySelector('.span-one')
    const span_two = document.querySelector('.span-two') 
    // console.log(page)

    img.onclick = function () {
        window.location.href = '../html/index.html'
    }
    span_one.onclick = function () {
        window.location.href = '../html/denglu.html'
    }
    span_two.onclick = function () {
        window.location.href = '../html/zhuce.html'
    }
    
</script>
</html>